body{
    background-color: #f2f2f2; 
}
// 大顶部
.top-big{
    width: 100%;
    padding: .1rem 0rem 0 .1rem;
    height: 2.1rem;
    background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
    box-shadow: 0 2px 6px 0 rgba(255,149,128,0.50);
    .top1{
        width: 100%; 
        height: .8rem;
        .fl-img{
            .img-pic{
                width: .64rem;
                height: .64rem; 
                border-radius: 50%;
                // border: 1px solid #000;
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }
                margin: 0 10px;
            }
            .new-name{
                .sp-name{
                    display: block;
                    font-size:.18rem;
                    color: #fff;
                    margin-top: .1rem;
                    margin-bottom: .1em;
                }
                .span-zl{
                    display: inline-block;
                    padding: .03rem;
                    border: .01rem solid #FFFFFF;
                    border-radius: 1px;;
                    color:#fff;
                    font-size: .10rem;
                    transform-origin: left;
                    transform: scale(.83);
                }
            }
        }

        .fr-pic{
            height: .2rem;
            line-height: .2rem;
            background: #FFD4CC;
            border-radius: 10px 0 0 10px;
            padding-left: .02rem;
            margin-top: .2rem;
            .fr-pic-img{
                display: inline-block;
                img{
                    margin-top: -.05rem;
                    margin-left:.05rem;
                }
                
            }
            .wz-red{
                display: inline-block;
                color:#FF6243;
                font-size: .10rem;
                transform-origin: left;
                transform: scale(.83);
            }
        }
    }



    .top2{
        width: 100%;
        ul{
            width: 3.55rem;
            margin: 0 auto;
            display: flex;
            justify-content: space-evenly;
            li{
                a{
                    color:#fff;
                    text-decoration: none;
                    display: flex;
                    flex-direction: column;
                    align-items:center;
                    span:nth-child(1){
                        font-size: .18rem;
                        color:#fff;
                    }
                    span:nth-child(2){
                        color:#fff;
                        font-size: .10rem;
                        transform: scale(.83);
                    }
                }
            }
        }
    }

    .top3{
        width: 3.55rem;
        height: 1.03rem;
        background: #FFFFFF;
        border-radius: 4px;
        margin-top: .15rem;
        padding: .1rem .1rem 0 .1rem;
        .first{
            display: flex;
            justify-content: space-between;
            .myorder{
                color:#333;
                font-size: .16rem;
                font-weight: bold;
            }
            a{
                color:#FF6040;
                font-size: .12rem;
                text-decoration: none;
                .icon-arrow-right1{
                    display: inline-block;
                    width: .16rem;
                    height: .16rem;
                    transform: translate(-0.05rem,.01rem);
                }
            }

        }

        .second{
            ul{
                display: flex;
                justify-content: space-around;
                margin-top: .1rem;
                li{
                    a{
                    color:#333333;
                    text-decoration: none;
                    display: flex;
                    flex-direction: column;
                    align-items:center;
                        img{
                            width: .32rem;
                            height: .32rem;
                        }
                        span{
                            font-size: .10rem;
                            transform: scale(.83);
                        }
                    }
                }
            }
        }
    }
}

// 其他区域
.other-main{
    width: 100%;
    margin-top: .5rem;
    background-color: #fff;
    padding: .2rem .1rem .1rem .1rem;
    .row{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: .2rem;
        .row-inner2{
            span{
                display: inline-block;
                color:#666666;
                transform: translate(.04rem,-.01rem);
            }
        }
    }
}